<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo12</title>
    <style>
        /* p {
            font-family: "宋体";
            font-size: 70px;
            color: #f51;
            font-weight: 400;
            font-style: initial;
            text-align: left;
        } */

         a {
            /* 设置字体类型 */
            font-family: "微软雅黑";
            /* 设置字体大小 */
            font-size: 50px;
            /* 设置字体颜色 */
            color: rgb(255,50,255);
            /* 设置字体粗细 */
            font-weight: 900;
            /* 设置字体倾斜 */
            font-style: italic;
            /* 设置文本对齐方式 */
            text-align: center;
            /* 设置文字的格式 */
            text-decoration: none;
         } 
        .text-align .one {
            text-align: left;
        }
        .text-align .two {
            text-align: right;
        }
        .text-align .three {
            text-align: center;
        }

        p {
            text-decoration: underline;
            text-indent: 2em;
            line-height: 40px;
        }

        body {
            background-color: #f3f3f3;
            background-image: url(白黑.jpg);
            background-repeat: repeat-x;
            background-position: top;
            background-size: cover;
        }
    

    </style>
</head>
<body>
    
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis, commodi nulla. Perferendis repellendus officia voluptas, nulla aliquid a inventore illo non reiciendis tenetur, voluptates debitis ratione consequuntur ut facilis Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora, sit deserunt! Fugiat animi dolorem rerum? Ipsam qui saepe laborum? Autem numquam doloremque nihil? Corporis maxime voluptatibus corrupti asperiores nihil. Expedita.</p>
    
    <a href="#">不跳转</a>
    <!-- <p>宋体</p>

    <a href="#">微软雅黑</a>

    <div class="text-align">
        <div class="one">左对齐</div>
        <div class="two">右对齐</div>
        <div class="three">居中</div>
    </div> -->
    
</body>
</html>